<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<script>
			/**
			 * a标签有四种状态:链接访问前,链接访问后,鼠标滑过,激活,分别对应四种伪类:link,:visited,:hover,:active;
			 * 当链接为访问过时:
			 *		1) 当鼠标滑过a链接时,满足:link和:hover两种状态,要更改a标签的颜色,就必须将:hover伪类在:link伪类后面声明
						2) 当鼠标点击激活a链接时,同时满足:link,:hover,:active三种状态,要显示a标签激活时的样式(:active),必须将:active声明放到:link和:hover之后.因此得出LVHA这个顺序
			 * 当链接访问过时,情况基本同上,只不过需要将:link换成:visited.
				 这个顺序能不能变?可以,但也只有:link和:visited可以交换位置,因为一个链接要么访问过要么没访问过,不可能同时满足,也就不存在覆盖的问题.
			 */
		</script>
	</body>
</html>
